{% extends "base.html" %}

{% block title %}
Histórico de Entradas
{% endblock title %}

{% block extrahead %}
        $(function() {
		$('#botao_fluxo').addClass('active');
                $( "#id_data" ).datepicker({
			changeMonth: true,
			changeYear: true,
                        dateFormat: 'dd/mm/yy',
                        yearRange: '2009:{{ano_now.year}}'
		});
        });
{% endblock extrahead %}

{% block content %}
        
{% load ano_gasto %}

<div class="box-body">

        <div class="box-header clear">

                <ul class="tabs clear">
                        {% for ano in lista_anos %}
                        <li><a href="#ano{{forloop.counter}}">{{ano}}</a></li>
                        {% endfor %}

                </ul>

                

                <h2>Histórico de Entradas</h2>

        </div>

        

        <div class="box-wrap clear">

                
                 {% for lista in lista_pagamentos %}
                <!-- DATA-TABLE JS PLUGIN -->
        
                <div id="ano{{forloop.counter}}">



                        <table class="style1 datatable">
                                
                        <thead>
                                <tr>
                                    <th>Nome do Aluno:</th>
                                    
									<th>Unidade:</th>
									
                                    <th>Valor:</th>
                                    
                                    <th>Data:</th>
				    
                                </tr>
                        </thead>

                        <tbody>
                                {% for pagamento in lista %}
                                    <tr>
                                            <td>{{pagamento.aluno.nome}}</td>
											<td>{% for unidade in pagamento.aluno.unidade.all %} {{unidade.nome}};{% endfor %}</td>
                                            <td>R$ {{pagamento.valor}}</td>
                                            <td>{{pagamento.data}}</td>
                                   </tr>
                                {% endfor %}
                        </tbody>

                        </table>



                </div><!-- /#table -->

                {% endfor %}
        </div><!-- end of box-wrap -->

</div> <!-- end of box-body -->

</div> <!-- end of content-box -->

{% endblock content %}